.news_item{}
/*右边还有38px的边距*/
.news_item .main_content{width: 100%}
.news_item .main_content.no_nav{}
.news_item .left_part{width: 200px;float: left;}
.news_item .middle_part{width: 750px;float: left;margin: 0 25px}
.news_item .right_part{width: 200px;float: left;}
.news_item .main_content.no_nav .left_part{display: none}
.news_item .main_content.no_nav .middle_part{width: 970px;margin-left: 0px}

.news_item .left_part{position: relative;}
.news_item .left_part .content{width: 200px;position: absolute;top: 0px}
.news_item .left_part .content.left-nav-fixed {
    position: fixed;
    top: 60px !important;
    /*transition: top 0.1s ease;*/
    z-index: 5;
    /*background: #fff;*/
    /*box-shadow: 0 2px 15px rgba(0,0,0,0.1);*/
}

.news_item .left_part .top_title{
    color: #212121;
    padding: 0 15px;
    background-color: #F5F5F6;
    font-size: 18px;
    line-height: 50px;
    border-bottom: 0.0625rem solid #FFFFFF;
}
.news_item .left_part .list {}
.news_item .left_part .list ul{}
.news_item .left_part .list ul li{cursor: pointer}
.news_item .left_part .list ul>li{
    padding: 10px 15px;
    background-color: #F5F5F6;
    line-height: 1.3;
    border-bottom: 0.0625rem solid #FFFFFF;
}
.news_item .left_part .list ul>li .title{position: relative}
.news_item .left_part .list ul>li .title .text{font-size: 13px}
.news_item .left_part .list ul>li .title .ioc{font-size: 18px;position: absolute;right: -5px;bottom: 0px}
.news_item .left_part .list ul>li .item_list{
    color: #717071;
    font-size: 12px;
    list-style-type: decimal;
    padding-left: 12px;
    display: none;
}
.news_item .left_part .list ul>li .item_list .item{
    margin-top: 3px;
}



.news_item .middle_part .top{width: 100%;
    overflow: hidden;}
.news_item .middle_part .top .breadCrumbs{border-bottom: 0.0625rem solid #bbbbbb}
.news_item .middle_part .top .breadCrumbs .content{line-height: 0.9375rem;padding-bottom: 1.25rem;overflow: hidden;}
.news_item .middle_part .zhuti{}
.news_item .middle_part .zhuti .title{margin: 2.5rem 0 1.25rem 0;}
.news_item .middle_part .zhuti .title h1{line-height: 1.2; color: #212121;font-weight: bold;font-size: 30px;}
.news_item .middle_part .zhuti .time{ color:#FA9600 ;}
.news_item .middle_part .zhuti .time p{color:#FA9600 ;}
.news_item .middle_part .zhuti .fengxian{margin: 0.9375rem 0 35px 0;}
.news_item .middle_part .zhuti .content{overflow: hidden}
.news_item .middle_part .zhuti .content h2{
    font-size: 32px;font-weight: 400;border-bottom: 1px solid #212121;color:#212121;line-height:54px;margin-top: 20px;margin-bottom: 15px;overflow: hidden;width: 100%
}
.news_item .middle_part .zhuti .content h3{
    padding: 10px 0px;font-size: 24px;
    font-weight: 500;color:#212121;
    line-height: 26px;
}
.news_item .middle_part .zhuti .content h4{
    font-size: 18px;
    font-weight: 400;
    color:#212121;
    line-height: 26px;
}
.news_item .middle_part .zhuti .content img{max-width: 100%}
.news_item .middle_part .zhuti .content ol{padding-inline-start: 25px;margin: 15px 0;list-style-type: revert; }
.news_item .middle_part .zhuti .content ul{padding-inline-start: 17px;margin: 15px 0 ;    list-style-type: disc;}
.news_item .middle_part .zhuti .content li{display: list-item;text-align: -webkit-match-parent;}
.news_item .middle_part .zhuti .content p{line-height: 1.7; margin: 16px 0}
.news_item .middle_part .zhuti .content p a{color: #a98326}
.news_item .middle_part .zhuti .content p a:hover{color: #FA9600}
.news_item .middle_part .zhuti .content li p{margin: 0;line-height: 2}
.news_item .middle_part .zhuti .content .diy_imgas{background-color:#FFF4E3;width: 100%;padding: 20px;margin:25px 0 }
.news_item .middle_part .zhuti .content .diy_imgas .left{}
.news_item .middle_part .zhuti .content .diy_imgas .left img{background-color: #ffffff}
.news_item .middle_part .zhuti .content .diy_imgas .right{padding-left: 34px}
.news_item .middle_part .zhuti .content .diy_imgas .right span{display: block;width: 100%;color:#212121 }
.news_item .middle_part .zhuti .content .diy_imgas .right span a{color: #FA9A00;font-weight: bold}
.news_item .middle_part .zhuti .content .diy_imgas .right span b{color: #212121;font-weight: bold}
.news_item .middle_part .zhuti .content .diy_imgas .right .more{margin-top: 10px;border-radius:20px;width: 200px;background-color:#FA9A00;text-align: center; }
.news_item .middle_part .zhuti .content .diy_imgas .right .more a{color: #ffffff;font-weight: bold;line-height: 2.5}

.news_item .middle_part .zhuti .content tbody{display: table-row-group;vertical-align: middle;border-color: inherit;text-align: center}
.news_item .middle_part .zhuti .content tbody tr{display: table-row;vertical-align: inherit;border-color: inherit;}
.news_item .middle_part .zhuti .content tbody tr.firstRow{background: #bbbbbb;}
.news_item .middle_part .zhuti .content tbody td,th{padding: 6px;border: 1px solid #ddd;}


.news_item .middle_part .zhuti .banner_img{}
.news_item .middle_part .zhuti .banner_img  img{width: 100%}
.news_item .middle_part .next_one{border-bottom: 0.0625rem solid #DCDCDD; padding: 1.875rem 0;border-top: 0.0625rem solid #DCDCDD;}
.news_item .middle_part .next_one ul{overflow: hidden}
.news_item .middle_part .next_one li{width: 100%;line-height: 1.875rem;overflow: hidden}
.news_item .middle_part .next_one .miao{margin-bottom: 0.625rem;}
.news_item .middle_part .next_one .a{}
.news_item .middle_part .next_one .a a{color: #555555;}
.news_item .middle_part .next_one .a a:hover{color: #FA9600;}
.news_item .middle_part .next_one span{float: left;color: #FA9600;padding-right: 0.3125rem}
.news_item .middle_part .more_list{}
.news_item .middle_part .more_list .title{color:#FA9600 ;line-height: 2;border-bottom: 0.0625rem solid #DCDCDD;}
.news_item .middle_part .more_list .list{margin-top: 1.875rem;}
.news_item .middle_part .more_list .list ul{margin-left: -30px;}
.news_item .middle_part .more_list .list ul li{padding-left: 1.875rem;}
.news_item .middle_part .more_list .list ul li .item{border: 0.0625rem solid #DCDCDD;}
.news_item .middle_part .more_list .list ul li .item:hover{box-shadow: 0.0625rem 0.0625rem 0.5rem 0.0625rem rgba(0,0,0,.2);}
.news_item .middle_part .more_list .list ul li .item .img{}
.news_item .middle_part .more_list .list ul li .item .img img{width: 90%;padding-left: 5%}
.news_item .middle_part .more_list .list ul li .item .text{padding: 0 1.5625rem 1.875rem 1.5625rem;}
.news_item .middle_part .more_list .list ul li .item .text a{    display: -webkit-box;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}





.news_item .solutions_common{}
.news_item .solutions_common .title{border-bottom: 0.0625rem solid #FA9600;overflow: hidden; text-align: left}
.news_item .solutions_common .title h2{color: #FA9600;margin-bottom: 0.9375rem}
.news_item .solutions_common ul{margin-left: -23px}
.news_item .solutions_common ul li{padding-left: 1.4375rem;margin-top: 1.5625rem}
.news_item .Knowledge{width: 100%}
.news_item .Knowledge .title{background-color: #FA9600;width: 100%;height: 45px;}
.news_item .Knowledge .title h2{color: #FFFFFF;line-height: 45px;padding-left: 0.9375rem; }
.news_item .Knowledge .list{border: 0.0625rem solid #dcdcdd;padding: 0.75rem 0.8125rem;}
.news_item .Knowledge .list ul{overflow: hidden}
.news_item .Knowledge .list ul li{    height: 1.25rem;line-height: 1.25rem;margin-bottom: 0.5rem;overflow: hidden}
.news_item .Knowledge .list ul li .item{}
.news_item .Knowledge .list ul li .item span{    width: 0.375rem;height: 0.375rem;background: #888889;display: inline-block;margin: 0.4375rem 0.625rem 0 0;float: left;}
.news_item .Knowledge .list ul li .item a{}


.news_item .teshu_news_list {
    border-top: 0px solid #dcdcdd;
    border-bottom: 0px solid #dcdcdd;
    padding: 28px ;overflow: hidden;background-color: #1F1F1F;
}
.news_item .teshu_news_list ul{}
.news_item .teshu_news_list ul li{}
.news_item .teshu_news_list ul li .item{padding: 7px 0;}
.news_item .teshu_news_list ul li .item a{font-size: 16px;-webkit-box-orient: vertical;color: #EEEEEE;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.news_item .teshu_news_list ul li .item a:hover{color: #FA9600}
.news_item .teshu_news_list ul li .item span{    width: 0.375rem;
    height: 0.375rem;
    background: #888889;
    display: inline-block;
    margin: 0.6rem 0.8125rem 0 0;
    float: left;}

.news_item .sendMassage-news-left{
    overflow: hidden;
    /* 四边阴影效果 */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 15px;
}
.news_item .sendMassage-news-left .btn{width: 100%;background-color: #FA9600;border-radius: 10px;color: #ffffff}
.news_item .sendMassage-news-left .btn:hover{background-color: #FFC042}

.news_item .sendMassage-news-left .title{margin-bottom: 8px;line-height: 1.3}




.product_item .online{position: relative;}

.news_item .right_part{position: relative}
.news_item .right_part>.content{position: absolute;width: 200px}
.news_item .right_part>.content.right-nav-fixed {
    position: fixed;
    top: 60px !important;
    /*transition: top 0.1s ease;*/
    z-index: 5;
    /*background: #fff;*/
    /*box-shadow: 0 2px 15px rgba(0,0,0,0.1);*/
}
.news_item .right_part>.content.right-nav-absolute{
    position: absolute;
}
.news_item .right_part .you_may_like{overflow: hidden}

.news_item .right_part .pp{}
.news_item .right_part .pp ul{}
.news_item .right_part .pp li{background-color: #F5F5F6;line-height: 55px;border-bottom: 0.0625rem solid #FFFFFF;}
.news_item .right_part .pp li.top{font-weight: bold;background-color: #EAEBEB;}
.news_item .right_part .pp li .item{padding-left: 15rem;}
.news_item .right_part .pp li .item a{font-size: 14px}
.news_item .right_part .online{    float: right;}
.news_item .right_part .online .pp{border-left: 0.0625rem solid #DCDCDD;border-right: 0.0625rem solid #DCDCDD;overflow: hidden}
.news_item .right_part .online .pp ul{}
.news_item .right_part .online .pp li{background-color: #FEFEFE;line-height:40px;border-bottom: 0.0625rem solid #DCDCDD;}
.news_item .right_part .online .pp li:hover{background-color: #F5F5F6}
.news_item .right_part .online .pp li.top{font-weight: bold;background-color: #EAEBEB;}
.news_item .right_part .online .pp li .item{padding-left: 1.875rem;}
.news_item .right_part .online .pp li .item a{color: #555555}
.news_item .right_part .online .you_like{}
.news_item .right_part .online .you_like .title{background-color: #FA9600;width: 100%;height:45px}
.news_item .right_part .online .you_like .title h2{color: #FFFFFF;line-height: 45px;padding-left: 0.9375rem;}
.news_item .right_part .online .you_like .list{}
.news_item .right_part .online .you_like .list ul{}
.news_item .right_part .online .you_like .list ul li{}
.news_item .right_part .online .you_like .list ul li .item{}
.news_item .right_part .online .you_like .list ul li .item .img{}
.news_item .right_part .online .you_like .list ul li .item .img img{}
.news_item .right_part .online .you_like .list ul li .item .text{}
.news_item .right_part .online .you_like .list ul li .item .text a{}


.left_zixun {
    position: fixed;
    right: 1px;
    top: 35%;
    z-index: 9999999;
}
.left_zixun ul {
    width: 60px;
}


.left_zixun li {
    float: left;
    width: 60px;
    height: 60px;
    margin-bottom: 3px;
    cursor: pointer;
}
.left_zixun li .item{position: relative}

.left_zixun li .left_part{
    position: absolute;top: 0;left: -0px;width: 211px;background-color: #484443;height: 60px;border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.5s ease 0.1s; /* 添加延迟实现分阶段动画 */
}

.left_zixun li .left_part .text{float: left;line-height: 60px;width: 150px;text-align: center;height: 60px;display: block;color: #EFEFEF}
.left_zixun li .left_part a{color: #EFEFEF}
.left_zixun li .left_part .ico_img{float: left}
.left_zixun li .right_part{
    display: block;background-color: #484443;width: 60px;height: 60px;border-radius: 5px;

}

.left_zixun li .item .ico_img{width: 60px;}
.left_zixun li .item .ico_img img{width: 60px;height: 60px}


.left_zixun li:hover {}
.left_zixun li:hover .left_part{opacity: 1;transform: translateX(-160px);}
.left_zixun li:hover .left_part.erweima{transform: translateX(-60px);}
.left_zixun li .left_part.erweima{height: auto;width: 140px;left: -80px}
.left_zixun li .left_part.erweima .ico_img{width: 140px;height: 140px;border-radius: 5px;}
.left_zixun li .left_part.erweima .ico_img img{width: 100%;padding: 10px;height: auto}